<!--title={LOGIN_TITLE};css=zui.min;js=zui.min,pages/login;-->
{nav}
<div class="container-fluid">
    <ol class="breadcrumb">
        <li><a href="./?/"><i class="icon-home"></i> {TEXT_HOME}</a></li>
        <li class="active">{TEXT_LOGIN}</li>
    </ol>
</div>
<div class="bg-primary container-fluid load-indicator" id="loginForm" data-loading="{TEXT_SIGNING}">
    <br>
    <h1 class="text-center">{TEXT_LOGIN_TITLE}</h1>
    <form class="container">
        <div class="form-group">
            <label for="Account">{TEXT_ACCOUNT}</label>
            <input type="text" class="form-control" id="Account" placeholder="{TEXT_ACCOUNT_HINT}">
        </div>
        <div class="form-group">
            <label for="Password">{TEXT_PASSWORD}</label>
            <input type="password" class="form-control" id="Password" placeholder="">
        </div>
        <div class="form-group">
            <div class="checkbox">
                <div class="checkbox">
                    <label>
                        <input type="checkbox"> {TEXT_REMEMBER_ME}
                    </label>
                </div>
            </div>
        </div>
        <button type="button" id="login"
                class="btn btn-info btn-lg col-sm-2 col-sm-offset-1">{TEXT_LOGIN}</button>
        <button id="TencentCaptcha" data-appid="2065088349" data-cbfn="callback" type="button" style="display: none">验证</button>
        <br>
        <br>
        <p class="col-sm-4 col-sm-offset-6 text-right">{TEXT_NO_ACCOUNT}<a href="{LINK_register}"
                                                                                  class="text-yellow">{TEXT_REGISTER_NOW}</a>
        </p>
        <p class="col-sm-4 col-sm-offset-6 text-right">{TEXT_FORGET_PASSWORD}<a href="{LINK_resetPwd}" class="text-yellow">{TEXT_RESET_PASSWORD}</a></p>
    </form>
</div>
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                        class="sr-only">{TEXT_CLOSE}</span></button>
                <h4 class="modal-title" id="modal-title"></h4>
            </div>
            <div class="modal-body">
                <p id="modal-body"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="modal-button-cancel"></button>
            </div>
        </div>
    </div>
</div>

<script>
    let tip = "{TEXT_TIP}";
    let userPassEmpty = "{TEXT_USER_PASS_EMPTY}";
    let close = "{TEXT_CLOSE}";
    let linkLogin = "{LINK_login}";
</script>
